本系列文章 pure-admin 版本為 V3.4.6

在詳細談 vue-pure-admin 之前我們先試試精簡版的 pure-admin-thin
第一天就先試著把專案跑起來再說

0.大前提建議電腦要先安裝

• Git [做版本控制]
• VScode [很多好用套件的編輯器]
• GitHub Desktop (選用) [UI方便檢視程式碼變更狀況]
• Nodejs [在電腦執行JavaScript所需要的環境] 建議安裝v16以上
• NVM [自由切換管理Nodejs版本]

如果有寫過PHP就能體會切換不同版本的麻煩之處，JS真香

1.看文件

https://github.com/xiaoxian521/pure-admin-thin

技術使用了 vue3 vite2 Element-Plus 還有集成很多套件
語言是TypeScript

官方使用 pnpm所以下指令來安裝

npm,pnpm,yarn 都是安裝套件的管理工具，安裝Nodejs之後會自帶npm

npm install -g pnpm

2.正式安裝pure-admin-thin
先決定專案要放哪邊，我的放在ithome資料夾

git clone https://github.com/xiaoxian521/pure-admin-thin.git

接著前往該資料夾 下載專案依賴

cd pure-admin-thin
pnpm install

完成後用VScode開起來

3.完成

第一次啟動會跑比較久是正常的~和Webpack打包工具有很大的不同

4.錯誤處理
如果跑不起來
1.檢查一下Node版本是不是太舊
請參考:
https://blog.csdn.net/weixin_43400431/article/details/125555958
2.一直轉圈圈
可能是有些套件沒正確安裝
再下一次安裝指令(不是 npm i，要用pnpm)